<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看-选择城市</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/see/cityAd.min.css?v=<%=$version%>">
</head>
<body>
<div id="chooseCity" v-cloak>
    <header class="cityAdHotlist-top">
        <span class="goback" @click="getBack()"></span>
        选择城市
        <!--<span class="sear" @click="getSear()"></span>-->
    </header>
    <div class="chooseCity-cent">
        <div class="chooseCity-tab clearfix">
            <span :class="{active:tabNum==1}" @click="getTab(1)">国内</span>
            <span :class="{active:tabNum==2}" @click="getTab(2)">国际</span>
        </div>
        <div class="chooseCity-tabCent clearfix">
            <template v-if="tabNum==1">
                <div class="chooseCity-province">
                    <span v-for="item in chinaList.provinces" :class="{active:item.code==provinceId}" @click="getCity(item.code)">{{item.name}}</span>
                </div>
                <div class="chooseCity-city">
                    <span v-for="item in citiesList" @click="getNext(item)">{{item.name}}</span>
                </div>
                <!--<div class="chooseCity-area">-->
                    <!--<span v-for="item in areasList">{{item.name}}</span>-->
                <!--</div>-->
            </template>
            <template v-if="tabNum==2">
                <div class="chooseCity-province">
                    <span v-for="item in countryStateList" :class="{active:item.code==countryId}" @click="getCountry(item.code)">{{item.name}}</span>
                </div>
                <div class="chooseCity-country">
                    <span v-for="item in countryList" :class="{active:item.code==countryCityId}" @click="getCountryCity(item.code)">{{item.name}}</span>
                </div>
                <div class="chooseCity-area">
                    <span v-for="item in countryCityIdList" @click="getNext(item)">{{item.name}}</span>
                </div>
            </template>
        </div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/chooseCity.js?v=<%=$version%>"></script>
</body>
</html>